@charset "utf-8";
/* CSS Document */
/*公用css*/
a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0;padding:0}
body{ font-family:Arial; font-size:13px; background:url(images/bodybg.jpg) repeat-x; min-width:1000px;}
.clear:after{content:"\20"; display:block; clear:both;}
.clear{*zoom:1;}
a{ text-decoration:none;}
ul{ list-style:none;}
img{border:0;}
strong{ font-weight:normal;}

/*顶部css*/
.top{ width:100%; height:30px;}
.topcon{ width:960px; margin:0 auto; height:30px;line-height:30px;}
.topleft{ float:left; }
.topleft li{ float:left; text-align:center; background:url(images/headpic.png) no-repeat left -307px;  padding:0 12px 0 17px;}
.topleft li.nobg{ background:none; padding-left:0px;} 
.topleft li a{ color:#c0c0c0;}
.topright{float:right;}
.topright li{ float:left; font-weight:bold;}
.call{color:#fff; background:url(images/headpic.png) no-repeat; padding-left:27px; margin-right:36px;}
.help{ background:url(images/headpic.png) no-repeat 0 -25px; padding-left:37px; margin-right:22px;}
.help a{color:#fff;}
.Canada,.England{float:left; width:20px; height:11px; margin:9px 0 0 8px;;}
.Canada{background:url(images/headpic.png) no-repeat right 0;}
.England{background:url(images/headpic.png) no-repeat right -52px;}

/*头部css*/
.header{ width:100%; height:99px;}
.head{ width:960px; height:99px; margin:0 auto; background:url(images/heady.png) no-repeat center; position:relative;}
.bag{ float:left; background:url(images/headpic.png) no-repeat left -52px; height:78px; padding:21px 0 0 85px}
.bag p{ font-size:20px; color:#fff; line-height:42px;}
.bag a{ display:block; width:114px; height:23px; background: url(images/headpic.png) no-repeat 0 -151px; color:#ffc200;  font-size:15px; text-align:center; line-height:22px; +line-height:20px; margin-left:20px; font-weight:bold;}
.head h1 a{ display:block; width:236px; height:99px; margin:0 auto; +margin:0 0 0 360px; background:url(images/headpic.png) no-repeat 0 -174px; text-indent:-99999px;}
.search{width:282px; height:30px; background:url(images/headpic.png) no-repeat 0 -273px; position:absolute; top:35px; right:0; padding:1px 0 0 10px;}
.search input{ float:left; background:none; border:none; outline:none;}
.search .text{ width:240px; height:28px; line-height:28px;}
.search .go{ cursor:pointer; width:35px; height:30px;}

/*导航栏css*/
.nav{ width:100%; height:44px;}
.nav ul{ width:960px; margin:0 auto;}
.nav li{ float:left; padding:8px 0 0 14px; font-size:14px;}
.nav a,.nav span,.nav strong{float:left; height:28px;}
.nav a{color:#fff;  text-transform:uppercase; }
.nav strong{line-height:28px; text-align:center; padding:0 15px;}
.nav a:hover{background:url(images/navdoor.jpg) repeat-x 0 -28px;}
.nav a:hover span{background:url(images/navdoor.jpg) no-repeat right -56px;}
.nav a:hover strong{background:url(images/navdoor.jpg) no-repeat;}

/*内容区css*/
.main{width:1000px; margin:24px auto 0;}
.content{ width:1000px; background:url(images/conbg.jpg) repeat-y -1000px 0; overflow:hidden;}
.conbottombg{width:1000px;background:url(images/conbg.jpg) no-repeat -2000px bottom;}
.contopbg{ width:940px;background:url(images/conbg.jpg) no-repeat; padding:10px 30px;}
/*广告区css*/
.banner{ position:relative; margin-bottom:28px; width:940px; height:303px;} 
.mask{ width:940px; height:52px; background:#000; opacity:0.8; filter:alpha(opacity:80); position:absolute; left:0; bottom:0;}
.banner h3{ font-size:25px; text-transform:uppercase; color:#ffc600; position:absolute; bottom:10px; left:34px;}
.banner p a{ width:660px; line-height:16px; color:#fff; position:absolute; bottom:11px; right:26px;}

/*左侧内容区css*/
.conleft{ float:left; padding-bottom:3000px; margin-bottom:-3000px;}

.sidebar{ width:209px; background:url(images/sidbg.jpg) repeat-y -418px 0; line-height:29px; }
.sidtopbg{ width:209px; background:url(images/sidbg.jpg) no-repeat;}
.sidbottombg{ width:209px; background:url(images/sidbg.jpg) no-repeat -209px bottom;}
.sidebar h3{font-size:15px; color:#fff; text-align:center;}
.sidebar ul{ padding:14px 8px 8px;}
.sidebar li{ border-bottom:1px solid #fff; padding-left:33px;}
.sidebar li a{ color:#434343; font-size:12px; font-weight:bold;}
.sidebar li a:hover{ color:#b20e00;} 

.join{width:209px; background:url(images/joinbg.jpg) repeat-y -209px 0; margin:13px 0 30px 0; }
.jointopbg{width:209px; background:url(images/joinbg.jpg) no-repeat;}
.joinbottombg{width:209px; background:url(images/joinbg.jpg) no-repeat -418px bottom;}
.join p{ line-height:18px; color:#434343; font-size:15px; padding:11px 25px;}
.join form{ padding:0 16px;}
.join .text{ width:166px; height:26px; line-height:26px; background:url(images/conico.png) no-repeat; border:0; outline:none; padding-left:10px;}
.join .joinnow{ width:88px; height:25px; background:url(images/conico.png) no-repeat 0 -37px; border:0; color:#fff; font-size:15px; font-weight:bold; cursor:pointer; margin:7px 44px 9px;}
.join ul{ padding:4px 8px;}
.join li{ border-top:1px solid #fff; padding:8px 25px 8px 70px;}
.twitter{ background:url(images/conico.png) no-repeat 0 -67px; }
.fan{ background:url(images/conico.png) no-repeat 0 -115px; }
.in{ background:url(images/conico.png) no-repeat 0 -166px; }
.send{ background:url(images/conico.png) no-repeat 0 -218px; }
.join li a{ color:#434343; line-height:16px; display:block}

.pay{ margin-left:15px;}

/*右侧内容区css*/
.conright{ float:right; width:728px; padding-bottom:3000px; margin-bottom:-3000px;}
.conright h3{color:#292929; font-size:19px; text-transform:uppercase;  margin-top:10px;}
.conright img{ border:1px solid #c6c6c6;}

.contop{color:#747474; font-size:12px;  line-height:19px; padding-left:27px;}
.contop dl{ float:left;}
.contop dt{ float:left; margin-right:8px;}
.contop dd{  float:left; width:109px; height:19px; margin-right:12px;  position:relative;}
.contop dd span{ display:block; width:90px; height:17px; line-height:17px; border:1px solid #ccc; padding-left:5px;}
.contop dd a{ display:block; width:19px; height:19px; background:url(images/conico.png) no-repeat 0 bottom; position:absolute; right:0; top:0;}
.contop p{ float:right;  word-spacing:2px;}
.contop p a{ color:#747474;}
.contop p a:hover{color:#b20e00;}

.product h3{ padding-left:27px; line-height:48px;}
.product li{ float:left; padding:0 0 38px 26px;  color:#292929; }
.product li p{ line-height:20px; font-size:15px; font-weight:bold; margin-top:4px;}
.product li p a{color:#292929;}
.product li em{ font-style:normal; color:#b20e00;}
.page{ margin:0 auto; text-align:center}
.page a{ color:#b20e00; font-size:12px; display:inline-block; padding:3px 7px;}
.page a:hover{ color:#fff; background:#b20e00;}

.featpro{ margin:5px 0 0 27px; border-top:1px solid #cdcdc8;}
.featpro h3{ padding-left:9px; line-height:33px; }
.featured{ background:url(images/featuredbg.jpg) repeat-x 0 -200px;  }
.featleft{ background:url(images/featuredbg.jpg) no-repeat;}
.featright{height:180px; background:url(images/featuredbg.jpg) no-repeat right -400px; padding:10px 36px; position:relative;}
.featlist{width:630px; height:180px; overflow:hidden; position:relative;}
.featured ul{ position:absolute; left:35px; top:24px; width:3000px;}
.featured li{ float:left; margin-right:58px;}
.featured p{ width:147px; text-align:center; line-height:14px; margin-top:11px; font-size:12px;}
.featured p a{ color:#b20e00;}

#btnleft,#btnright{ width:35px; height:43px; display:block; position:absolute; top:73px;}
#btnleft{  background:url(images/conico.png) no-repeat 0 -292px; left:1px;}
#btnright{  background:url(images/conico.png) no-repeat 0 -352px; right:1px;}

/*售后区css*/
.service{ width:100%; height:61px; background:url(images/footbg.jpg) repeat-x;}
.sercon{ width:960px; margin:0 auto; position:relative;}
.sercon p{ float:left; height:36px; color:#fff; font-size:14px; font-weight:bold;  }
.sercon .safe{ background:url(images/headpic.png) no-repeat 0 -335px; padding:25px 0 0 71px;  margin-right:36px;}
.sercon .ship{ background:url(images/headpic.png) no-repeat 0 -396px;  padding:25px 0 0 50px;}
.sercon .search{ top:15px;}

/*尾部css*/
.footer{ width:100%; height:242px; background:url(images/footbg.jpg) repeat-x 0 -61px; }
.foot{ width:960px; margin:0 auto; padding: 30px 0 0 30px;}
.foot dl{ float:left; padding-right:80px;}
.foot dt{font-size:15px; margin-bottom:22px; color:#fff; font-weight:bold;}
.foot dt a{ color:#fff;}
.foot dd{ line-height:20px; color:#cfcfcf;}
.foot dd a{ color:#cfcfcf;}
.foot .contact{ padding-right:0px;}
.contact dd a{color:#ffcc00;}
.foot .rest{ margin-top:20px; color:#fff;}

